/* Created by jankoatwarpspeed.com */
http://jqueryvalidation.org/
(function($) {
	
	
    
	
    $.fn.informeToWizard = function(options) {
        options = $.extend({  
            submitButton: "" 
        }, options); 
        
        var element = this;

        //Contamos los pasos en función de las etiquetas pagform
        var steps = $(element).find(".pagform");
        var count = steps.size();

        //Antes del elemento pagform ponemos este código
        $(element).before("<ul id='steps'></ul>");

        steps.each(function(i) {
        	if(count>1){
        		//Etiquetas superiores que identifican los pasos
	            $(this).wrap("<div id='step" + i + "'></div>");
	            $(this).append("<p id='step" + i + "commands'></p>");
	
	            var name = $(this).find(".legend").html();
                $("#step1").hide();
	            if (i == 0) {
	                createPrevButton(i, name);
	            }
	            else if (i == 1) {
	            	selectStep(0);
	                createNextButton(i, name);
	            }
        	}
        });

        function createPrevButton(i, name) {
            var stepName = "step" + (i + 1);
            $("#steps").append("<a id='anula' href='#'><li id='stepDesc" + i + "'>"+ name + "</li></a>");
            $("#anula").bind("click", function(e) {
            	//No deja navegar hacia atras hasta que el formulario sea validado correctamente
            	//if ($("#pasosForm").valid()){
                    $("#" + stepName).hide();
                    $("#step0").show();
                    selectStep(0);
            	//}
            })
        }

        function createNextButton(i, name) {
            var stepName = "step" + (i - 1);
            $("#steps").append("<a id='crear' href='#'><li id='stepDesc" + i + "'>"+ name + "</li></a>");            
            $("#crear").bind("click", function(e) {
            	//Se valida la pantalla actual antes de pasar a la siguiente
            	//if ($("#informeForm").valid()){
	                $("#" + stepName).hide();
	                $("#step1").show();
	                selectStep(1);
            	//}
            });
        }

        function selectStep(i) {
            $("#steps li").removeClass("current");
            $("#stepDesc" + i).addClass("current");
        }

    }
})(jQuery); 